//管理中心页面用css
.detectalarm {
    &.blacktheme {
        background: #14183d;

        .controlHeader {
            background: #282b49;
        }

        .ant-drawer-content {
            background-color: #161b3d;

            .ant-drawer-title {
                color: #1bccdb;
            }

            .ant-drawer-header {
                background-color: #212647;
                border-bottom   : 1px solid #156dc3;
            }

            .ant-drawer-body {
                color: #fff;
            }
        }

        .ant-pagination {
            color: #fff;

            .ant-pagination-item {
                border          : 1px solid #fff;
                background-color: transparent;

                a {
                    color: #fff;
                }
            }

            .ant-pagination-item-active {
                background-color: #60b3ff;
                border          : 1px solid #60b3ff;

                a {
                    color: #fff;
                }
            }

            .ant-pagination-prev,
            .ant-pagination-next {
                .ant-pagination-item-link {
                    border          : 1px solid #fff;
                    background-color: transparent;
                    color           : #fff;
                }
            }

            .ant-pagination-options-quick-jumper {
                input {
                    border          : 1px solid #fff;
                    background-color: transparent;
                    color           : #fff;
                }
            }

            .ant-pagination-item-ellipsis {
                color: #fff;
            }
        }

        .marqueeWrap {
            color: #fff;

            .marqueeTitle {
                background: #e5ac12;
            }

            span {
                b {
                    color: #fff;
                }
            }

            em {
                color: #fff;
            }
        }

        .marqueeCont {
            background: #282b49;
        }

        .controlMain {
            .gjtWrap {
                background: #1f2344;
            }

            .contwrap2 {
                background: #1f2344;

                .title {
                    color        : #fff;
                    border-bottom: 1px solid #8e91a6;
                }

                .list {
                    tbody {
                        tr {
                            &:hover {
                                background: #60b3ff;

                                td {
                                    color: #fff;
                                }
                            }
                        }
                    }

                    th {
                        color        : #e8e8e8;
                        border-bottom: 1px solid #8e91a6;
                    }

                    td {
                        color: #d5d6da;
                    }
                }
            }
        }

        .controlMenu {
            ul {
                a {
                    background: #65677c;
                    color     : #fff;
                }
            }
        }

        .listWrap {
            .listTitle {
                background: #272946;
            }
        }

        .listCont,
        .cellWrap {
            background: #1f2344;
            color     : #f7f7f7;

            .listMenu,
            .listRow {

                li {
                    color: #f7f7f7;

                    &:hover {
                        span {
                            color     : #fff;
                            background: #60b3ff;
                        }
                    }
                }

                li:nth-of-type(even) {
                    background: #272946;
                }


                span {
                    color: #f7f7f7;
                }
            }

            .listMenu {
                span {
                    border-bottom: 1px solid #343854;
                }
            }

            .listChartText {
                color: #fff;
            }
        }

        .menu {
            background: #333651;
            color     : #fff;
        }

        .menu,
        .list {
            color: #f7f7f7;
        }

        .list {
            li {
                span {
                    color: #fff;
                }
            }
        }

        .warnwrap {
            color: #fff;
        }

        .adsense {
            color     : #fff;
            border    : 1px solid #fff;
            background: rgba(255, 255, 255, 0.1);
        }

        .aititle {
            background: #383f64;
        }

        .aicont {
            background: #313861;
        }

        .comTabs,
        .comNav {
            color     : #fff;
            background: #272946;
        }

        .comTabs {
            .title {
                border-bottom: 1px solid #888;
            }

            .menu {
                background: #333651;
            }

            .sbllDrawer {
                tr:first-child {
                    td {
                        border-bottom: 1px solid #60b3ff;
                        background   : #60b3ff;
                        color        : #fff;
                    }
                }
            }

            .tuzhi {
                .pic {
                    border: 1px solid rgba(255, 255, 255, 0.2);

                    .pictext {
                        background: rgba(255, 255, 255, 0.2);
                    }
                }
            }

            .line {
                background: #14183d;
            }
        }

        .content {
            background: #272946;
        }

        .wwc {
            background: #4d4d4d;

            &:hover {
                border    : 1px solid #fff;
                box-shadow: 0 0 8px #fff;
            }
        }
    }

    &.whitetheme {
        .ant-skeleton-content {

            .ant-skeleton-title,
            .ant-skeleton-paragraph>li {
                background: #dce4f0;
            }
        }

        .controlHeader {
            background: #1890ff;
        }

        .controlMenu {
            ul {
                a {
                    background: #fae866;
                    color     : #1890ff;
                }
            }
        }

        .marqueeWrap {
            color: #000;

            .marqueeTitle {
                background: #60b3ff;
                color     : #fff;
            }

            span {
                b {
                    color: #000;
                }
            }

            em {
                color: #000;
            }
        }

        .marqueeCont {
            background: #f2f5fd;
        }

        .controlMain {
            .gjtWrap {
                background: #f2f5fd;
            }

            .contwrap2 {
                background: #f2f5fd;

                .title {
                    color        : #000;
                    border-bottom: 1px solid #60b3ff;
                }

                .list {
                    tbody {
                        tr {
                            &:hover {
                                background: #60b3ff;

                                td {
                                    color: #fff;
                                }
                            }
                        }

                        tr:nth-of-type(even) {
                            background: #e8e8e8;

                            &:hover {
                                background: #60b3ff;

                                td {
                                    color: #fff;
                                }
                            }
                        }
                    }

                    th {
                        color        : #1890ff;
                        border-bottom: 1px solid #60b3ff;
                    }

                    td {
                        color: #000;
                    }
                }
            }
        }

        .listWrap {
            .listTitle {
                background: #60b3ff;

                button {
                    background: #fff;
                    color     : #1890ff;
                }
            }
        }

        .listCont,
        .cellWrap {
            background: #f2f5fd;
            color     : #666;

            .listMenu,
            .listRow {

                li {
                    color: #666;

                    &:hover {
                        span {
                            color     : #fff;
                            background: #60b3ff;
                        }
                    }
                }

                li:nth-of-type(even) {
                    background: #e8e8e8;
                }

                span {
                    color: #666;
                }
            }

            .listMenu {
                span {
                    border-bottom: 1px solid #ccc;
                }
            }

            .listChartText {
                color: #666;
            }
        }

        .menu {
            background: #60b3ff;
            color     : #fff;
        }

        .menu,
        .list {
            color: #fff;
        }

        .list {
            li {
                span {
                    color: #666;
                }
            }
        }

        .warnwrap {
            color: #666;
        }

        .aititle {
            background: #c9e4ff;
            color     : #666;
        }

        .aicont {
            background: #eef3f8;
        }

        .comTabs,
        .comNav {
            color     : #666;
            background: #f2f5fd;
        }

        .comTabs {
            .title {
                border-bottom: 1px solid #60b3ff;
                color        : #1890ff;
            }

            .menu {
                background: #60b3ff;
            }

            .sbllDrawer {
                tr:first-child {
                    td {
                        border-bottom: 1px solid #60b3ff;
                        background   : #60b3ff;
                        color        : #fff;
                    }
                }
            }

            .tuzhi {
                .pic {
                    border: 1px solid #ddd;

                    .pictext {
                        background: #ddd;
                        color     : #1890ff;
                    }
                }
            }

            .line {
                background: #eef3f8;
            }
        }

        .content {
            background: #f2f5fd;
        }

        .wwc {
            background: #f2f5fd;

            &:hover {
                border    : 1px solid #60b3ff;
                box-shadow: 0 0 8px #ccc;
            }
        }
    }


    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    ul,
    li,
    ul li {
        list-style-type: none;
        padding        : 0;
        margin         : 0;
    }

    .controlMain {
        width     : 100%;
        text-align: center;

        .contwrap2 {
            text-align   : left;
            // height    : 50px;

            &.bjlb {
                margin : 12px 12px 2px 12px;
                padding: 10px 20px 20px 20px;
            }

            // &.bjqs {
            //     margin : 0 1px 12px 12px;
            //     padding: 10px 20px 20px 20px;
            // }

            // &.bjsl {
            //     margin : 0 12px 12px 1px;
            //     padding: 10px 20px 20px 20px;
            // }

            .charts {
                width : 890px;
                height: 400px;
            }

            .title {
                width      : 100%;
                font-size  : 20px;
                height     : 42px;
                line-height: 42px;

                .name {
                    float: left;
                }

                .num {
                    float      : left;
                    color      : #fff;
                    font-size  : 8px;
                    padding    : 0 4px;
                    margin-left: 5px;
                    line-height: 18px;
                    background : #ff0000;
                }

                .search {
                    float      : right;
                    line-height: 32px;
                    font-size  : 14px;
                    width      : 100%;
                }

                .bk {
                    display: inline-block;
                }

                .wd {
                    width       : 150px;
                    margin-right: 10px;
                }

                .jzrq {
                    width       : 135px;
                    margin-right: 10px;
                }
            }

            .pagination {
                text-align: right;
                margin-top: 15px;
            }

            .list {
                width      : 100%;
                overflow   : scroll;
                // height  : 400px;

                th,
                td {
                    line-height: 30px;
                    text-align : center;
                }
            }

        }
    }

    .ant-switch {
        border: 1px solid #eef3f8;
    }
}

.control {
    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    ul,
    li,
    ul li {
        list-style-type: none;
        padding        : 0;
        margin         : 0;
    }

    .controlMain {
        width     : 100%;
        text-align: center;

        .contwrap {
            text-align: left;
            margin    : 12px;

            &.bjlb {
                margin : 12px 12px 2px 12px;
                padding: 10px 20px 20px 20px;
            }

            &.bjqs {
                margin : 0 1px 12px 12px;
                padding: 10px 20px 20px 20px;
            }

            &.bjsl {
                margin : 0 12px 12px 1px;
                padding: 10px 20px 20px 20px;
            }

            .charts {
                width : 890px;
                height: 400px;
            }

            .title {
                width      : 100%;
                font-size  : 20px;
                height     : 42px;
                line-height: 42px;

                .name {
                    float: left;
                }

                .num {
                    float      : left;
                    color      : #fff;
                    font-size  : 8px;
                    padding    : 0 4px;
                    margin-left: 5px;
                    line-height: 18px;
                    background : #ff0000;
                }

                .search {
                    float      : right;
                    line-height: 32px;
                    font-size  : 14px;
                    width      : 85%;
                    text-align : right;
                }

                .bk {
                    display: inline-block;
                }

                .wd {
                    width       : 150px;
                    margin-right: 10px;
                }

                .jzrq {
                    width       : 135px;
                    margin-right: 10px;
                }
            }

            .pagination {
                text-align: right;
                margin-top: 15px;
            }

            .list {
                width   : 100%;
                overflow: hidden;
                height  : 400px;

                th,
                td {
                    line-height: 30px;
                    text-align : center;
                }

            }
        }
    }
}

.tableHeight {
    height  : 60vh;
    overflow: scroll;
}

.tableContainnerHeight {
    height  : 70vh;
    overflow: scroll;
}